<!DOCTYPE html>
<html>

<head> 
    <meta charset="utf-8"> 
    <title>菜鸟教程(runoob.com)</title> 
</head>

<body>

    <!-- 

        <dialog> 标签定义一个对话框、确认框或窗口。
        <dialog> 标签是 HTML5 中的新标签。

     -->

    <p><b>注意：</b>目前只有 Chrome 和 Safari 6 支持 dialog 标签。</p>

    <table border="1">
        <thead>
            <tr>
                <th>Month<dialog open>This is an open dialog window</dialog>
                </th>
                <th>Savings</th>
            </tr>
        </thead>
        <tfoot>
            <tr>
                <td>Sum</td>
                <td>$180</td>
            </tr>
        </tfoot>
        <tbody>
            <tr>
                <td>January</td>
                <td>$100</td>
            </tr>
            <tr>
                <td>February</td>
                <td>$80</td>
            </tr>
        </tbody>
    </table>


</body>

</html>